﻿@{
    ViewBag.Title = "主页";
}
@section Head{
    <link href="/Content/jQuery.selectList.css" rel="stylesheet" type="text/css" />
    <link href="/Content/jquery.selectBox.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.mousewheel.js" type="text/javascript"></script>
    <script src="/Scripts/jQuery.selectList.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.selectBox.js" type="text/javascript"></script>
    <style type="text/css">
       #console {
            width: 50%;
            font-family: 'Courier New', monospace;
            border: solid 2px #000;
            background: #000;
            color: #FFF;
            height: 350px;
            overflow: auto;
            padding: 10px;
            float: right;
        }
    </style>
    <script type="text/javascript">
        /// <reference path="/Scripts/underscore.js" />

        $(function () {
            $("#button").click(function () {
                $.post("/Home/Wcf", { "Count": $("#Count").val() }, function (data) {
                    if (data.result) {
                        alert(data.lenght);
                    } else {
                        alert(data.lenght + "\r\n" + data.error);
                    }
                }, "json");
            });
            var select = document.getElementById("testSelect");
            $("#testSelect").selectList({
            columns: 2,
            size: 6,
            multiple: true
            });
            var s = $("#sdf [value=s/sd\d]").val();
            $("#multiple").on("change", function () {
                var args = arguments;
                debugger;
            });
            setTimeout(function () { $("#multiple").val(["1", "2"]); }, 3000);
        });
        function getValues() {
            var e = $.extend({}, { text: 1, value: 2 }, { text: undefined, value: 3 });
            var vals = $("#testSelect").selectList('getValue').join(",");
            alert(vals);
        }
        function setValues() {
            var v = $("#testSelect").selectList('setValue','1');
        }

    </script>
}
<h2>@ViewBag.Message</h2>
<p>
    若要了解有关 ASP.NET MVC 的更多信息，请访问 <a href="http://asp.net/mvc" title="ASP.NET MVC 网站">http://asp.net/mvc</a>。
</p>
<form id="form1" method="post" action="Home/About">
<input id="Count" name="Count" />
<input type="button" id="button" value="button" />
   <select id="testSelect" name="testSelect" style="width:120px;">
        <option value="第一车队">第一车队</option>
        <option value="第二车队">第二车队</option>
        <option value="第三车队">第三车队</option>
        <option value="第四车队">第四车队</option>
        <option value="第五车队">第五车队</option>
        <option value="第六车队">第六车队</option>
        <option value="第七车队">第七车队</option>
        <option value="第八车队">第八车队</option>
        <option value="第一车队">第一车队</option>
        <option value="第二车队">第二车队</option>
        <option value="第三车队">第三车队</option>
        <option value="第四车队">第四车队</option>
        <option value="第五车队">第五车队</option>
        <option value="第六车队">第六车队</option>
        <option value="第七车队">第七车队</option>
        <option value="第八车队">第八车队</option>
        <option value="第一车队">第一车队</option>
        <option value="第二车队">第二车队</option>
        <option value="第三车队">第三车队</option>
        <option value="第四车队">第四车队</option>
        <option value="第五车队">第五车队</option>
        <option value="第六车队">第六车队</option>
        <option value="第七车队">第七车队</option>
        <option value="第八车队">第八车队</option>
    </select>
<input type="button" name="name" value=" GetValues" onclick="getValues()" />
<input type="button" name="name" value=" SetValues" onclick="setValues()" />
<input type="submit"  value="提交" />
</form>
<select id="multiple" name="multiple" onchange='alert(this.value);' multiple="multiple" style="width:120px;">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>
<div>Mac地址： @ViewBag.MacAdress</div>
